<script setup lang="ts">
import { ref } from 'vue'
import type { SelectOption } from 'naive-ui'

interface ISettings {
  fixedDisplayColumn: string[]
}

const props = defineProps<{
  settings: ISettings
}>()

const settings = props.settings

const fixedDisplayColumnOptions: SelectOption[] = [
  { label: '编号', value: 'galleryId' },
  { label: '图', value: 'image' },
  { label: '星', value: 'rarity' },
]
</script>

<template>
  <n-flex>
    <n-select
      v-model:value="settings.fixedDisplayColumn"
      :options="fixedDisplayColumnOptions"
      multiple
      max-tag-count="responsive"
      style="width: 120px"
    ></n-select>
  </n-flex>
</template>
